<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>订单详情</title>
     <link rel="icon" href="assets/img/favicon.ico">

    <link rel="stylesheet" type="text/css" href="css/webbase.css" />
    <link rel="stylesheet" type="text/css" href="css/pages-seckillOrder.css" />


    <script type="text/javascript" src="plugins/angularjs/angular.min.js"></script>
    <script type="text/javascript" src="js/module/common.js"></script>
    <script type="text/javascript" src="js/service/userLoginService.js"></script>
    <script type="text/javascript" src="js/service/userOrderService.js"></script>
    <script type="text/javascript" src="js/controller/commonController.js"></script>
    <script type="text/javascript" src="js/controller/userLoginController.js"></script>

</head>

<body  ng-app="diploma" ng-controller="userLoginController" ng-init="showName();findOrderItem()">

<script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
	$("#service").hover(function(){
		$(".service").show();
	},function(){
		$(".service").hide();
	});
	$("#shopcar").hover(function(){
		$("#shopcarlist").show();
	},function(){
		$("#shopcarlist").hide();
	});

})
</script>
<script type="text/javascript" src="js/plugins/jquery.easing/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/plugins/sui/sui.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery-placeholder/jquery.placeholder.min.js"></script>
<script type="text/javascript" src="js/widget/nav.js"></script>
</body>
    <!--header-->
    <div id="account">
        <div class="py-container">
            <div class="yui3-g home">
                <!--左侧列表-->
                <div class="yui3-u-1-6 list">
                    <div class="person-info">
						<div class="person-photo"><img src="{{headPic}}" width="75" height="100" alt=""></div>
						<div class="person-account">
							<span class="name">昵称：{{loginName}}</span>
							<span class="safe"><a href="logout/cas">退出登录 </a></span>
						</div>
                        <div class="clearfix"></div>
                    </div>
                     <div class="list-items">
                        <dl>
							<dt><i>·</i> 订单中心</dt>
							<dd ><a href="home-index.html"  class="list-active" >我的订单</a></dd>
							<dd><a href="home-order-pay.html" >待付款</a></dd>
							<dd><a href="home-order-send.html"  >待发货</a></dd>
							<dd><a href="home-order-receive.html" >待收货</a></dd>
							<dd><a href="home-order-evaluate.html" >待评价</a></dd>
						</dl>
						<dl>
							<dt><i>·</i> 我的中心</dt>
							<dd><a href="home-person-collect.html">我的收藏</a></dd>
							<dd><a href="http://localhost:8089/cart.html">我的购物车</a></dd>
						</dl>
						<dl>
							<dt><i>·</i> 设置</dt>
							<dd><a href="home-setting-info.html">个人信息</a></dd>
							<dd><a href="home-setting-address.html"  >地址管理</a></dd>
							<dd><a href="home-setting-safe.html" >安全管理</a></dd>
						</dl>
                    </div>
                </div>
                <!--右侧主内容-->
                <div class="yui3-u-5-6">
                    <div class="body">
                        <div class="order-detail">
                            <div class="order-state">
                                <p ng-if="map.dpOrders.paymentTime !=null ">当前订单状态：<span class="red">已付款</span></p>
                                <p ng-if="map.dpOrders.paymentTime ==null ">当前订单状态：<span class="red">未付款</span></p>
                            </div>
                        </div>
                        <div class="order-info">
                            <h5>订单信息</h5>
                            <p>收货地址：{{map.dpOrders.receiverAreaName}} {{map.dpOrders.receiverMobile}} {{map.dpOrders.receiver}}  </p>
                            <p>订单单号：{{map.dpOrders.orderId}}</p>
                            <p>支付宝流水号：{{map.orderItem[0].transactionId}}</p>
                            <p>下单时间：{{map.dpOrders.createTime}}</p>
                            <p>支付时间：{{map.dpOrders.paymentTime}}</p>
                            <p>支付方式：支付宝</p>
                            <p>发货时间：{{map.dpOrders.consignTime}}</p>
                        </div>
                        <div class="order-goods">
                            <table class="sui-table">
                                    <thead>
                                        <th class="center" >商品</th>
                                        <th class="center" >价格</th>
                                        <th class="center" >数量</th>
                                        <th class="center" >优惠</th>
                                        <th class="center" >状态</th>
                                    </thead>                                   
                             
                                <tbody ng-repeat="orderItem in map.orderItemList">
                                    <tr>
                                        <td colspan="5">订单详情编号：{{orderItem.id}}</td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="typographic"><img src="{{orderItem.picPath}}"  width="100" height="100"/>
                                                    <span>{{orderItem.title}}</span>
                                                </div>
                                        </td>
                                        <td>
                                            <ul class="unstyled">
                                                    <li>¥{{orderItem.price}}</li>
                                                </ul>
                                        </td>
                                        <td>{{orderItem.num}} 件</td>
                                        <td>无优惠</td>
                                        <td>{{orderStatus[orderItem.status]}}</td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="order-price">
                                <p>商品总金额：￥{{map.dpOrders.payment}}</p>
                                <p>运费金额：0</p>
                                <p>使用优惠券：无</p>
                                <h4 class="red">实际支付：￥{{map.dpOrders.payment}}</h4>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <!--猜你喜欢-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部栏位 -->
    <!--页面底部-->
<div class="clearfix footer">
	<div class="py-container">
		<div class="footlink">
			<div class="clearfix Mod-list">
				<div class="yui3-g">
					<div class="yui3-u-1-6">
						<h4>购物指南</h4>
						<ul class="unstyled">
							<li>购物流程</li>
							<li>会员介绍</li>
							<li>生活旅行</li>
							<li>常见问题</li>
							<li>购物指南</li>
						</ul>

					</div>
					<div class="yui3-u-1-6">
						<h4>配送方式</h4>
						<ul class="unstyled">
							<li>上门自提</li>
							<li>211限时达</li>
							<li>配送服务查询</li>
							<li>配送费收取标准</li>
							<li>海外配送</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h4>支付方式</h4>
						<ul class="unstyled">
							<li>货到付款</li>
							<li>在线支付</li>
							<li>分期付款</li>
							<li>公司转账</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h4>售后服务</h4>
						<ul class="unstyled">
							<li>售后政策</li>
							<li>价格保护</li>
							<li>退款说明</li>
							<li>返修/退换货</li>
							<li>取消订单</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h4>特色服务</h4>
						<ul class="unstyled">
							<li>夺宝岛</li>
							<li>DIY装机</li>
							<li>延保服务</li>
							<li>京东E卡</li>
							<li>京东通信</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h4>自营覆盖县区</h4>
						<p> 本平台以向全国 2661 个区县提供自营配送服务，支持货到付款，POS 机刷卡和售后上门服务</p>
					</div>
				</div>
			</div>
			<div class="Mod-copyright">
				<ul class="helpLink">
					<li>关于我们<span class="space"></span></li>
					<li>联系我们<span class="space"></span></li>
					<li>关于我们<span class="space"></span></li>
					<li>商家入驻<span class="space"></span></li>
					<li>营销中心<span class="space"></span></li>
					<li>友情链接<span class="space"></span></li>
					<li>关于我们<span class="space"></span></li>
					<li>营销中心<span class="space"></span></li>
					<li>友情链接<span class="space"></span></li>
					<li>关于我们</li>
				</ul>
				<div class="address">地址：山东省济南市长清区大学路3501号 邮编：250306 电话：0531-89631717 传真：0531—8963106889631968</div>
				<div class="beian">鲁ICP备20003112号鲁公网安备37099202000006
				</div>
			</div>
		</div>
	</div>
</div>
<!--页面底部END-->

undefined

</html>